<template>
	<view class="index-header">
		
	</view>
</template>

<script>
	export default{
		data(){
			return{
				
			}
		},
		
	}
</script>

<style scoped>
	.index-header{
		width: 100%;
		height: 17vh;
		margin-bottom: 10vh;
		background: -webkit-linear-gradient(top, #1c8eff,#6fb2f5, #ffffff);
		/* Safari 5.1 - 6.0 */
		background: -o-linear-gradient(bottom, #1c8eff,#6fb2f5, #ffffff);
		/* Opera 11.1 - 12.0 */
		background: -moz-linear-gradient(bottom, #1c8eff,#6fb2f5, #ffffff);
		/* Firefox 3.6 - 15 */
		background: linear-gradient(to bottom, #1c8eff,#6fb2f5, #ffffff);
		/* 标准的语法 */
	}
	.title{
		width: 100%;
		height: 5vh;
		padding-top: 3vh;
	}
	.title span{
		display: block;
		width: 10%;
		float: right;
		margin-right: 45%;
		text-align: center;
		color: white;
	}
	.search-bar{
		width: 100%;
		height: 5vh;
		
	}
	.search-bar input{
		width: 90%;
		margin-left: 5%;
		height: 4vh;
		
		background: #ffffff48;
		border-radius: 15px;
		box-shadow:rgb(255, 255, 255) 0px 0px 13px inset;
		
		
	}
	.index-menu{
		width: 90%;
		margin-left: 5%;
		height: 14vh;
	}
	.swiper{
		height: 100%;
	}
	.swiper-item{
		width: 100%;
		height: 100%;
	}
	.head-menu-area{
		width: 90%;
		height: 15vh;
		display: flex;
		margin-top: 2vh;
		margin-left: 5%;
		flex-direction:row
	}
	.head-menu-item{
		width: 100%;
		padding: 2vw 0;
		text-align: center;
	}
	.head-menu-img{
		width: 100%;
		height: 5vh;
	}
	.head-menu-item img{
		
		width: 40%;
		
	}
	.head-menu-item span{
		display: block;
		width: 100%;
		text-align: center;
		font-size: 12px;
	}
</style>
<style>
	
</style>
